/*
  这里书写所有平台的通用样式，且必须符合RN的要求
 */
@import "@style/index";
@import "@components/Back/index.less";

.wiki {
  background-color: #ffffff;
  width: 100%;
  height: 1000px;
  min-height: 100%;

  &-header {
    &-background {
      width: 100%;
    }
  }

  &-content {
    padding: 64px;
    padding-top: 48px;
    padding-bottom: 0;
    background-color: @theme-background;

    &-top {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      margin-bottom: 48px;
    }

    &-btn {
      background-color: @theme-grey;
      flex: 1;
      margin: 0;
      margin-right: 32px;
      height: 100px;
      border-radius: 20px;

      &-value {
        .font-white-title();
        font-size: 36px;
        font-weight: bold;
      }

      &_last {
        margin-right: 0;
      }
    }
  }

  &-footer {
    padding-bottom: 168px;
    width: 100%;
    background-color: @theme-background;
    flex-direction: row;
    justify-content: center;

    &-btn {
      width: 108px;
      height: 108px;
      border-radius: 100px;
      z-index: 2;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      opacity: 0.8;
    }
  }
}
